<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="comm">
	<head>
		<title>查询报表</title>
		<link href="vendor/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
		<link href="vendor/datatables-responsive/dataTables.responsive.css" rel="stylesheet"/>
		<link href="dist/css/basic.css" rel="stylesheet"/>
		<link href="dist/css/report.css" rel="stylesheet"/>
		<link href="vendor/select2/css/select3.css" rel="stylesheet" type="text/css" />
		
		<script src="vendor/datatables-responsive/dataTables.responsive.js"></script>
		<script src="vendor/select2/js/select2.min.js"></script>
		<script th:src="@{dist/js/report.js?v=}+${session.version}"></script>
		<script th:src="@{dist/js/reportTable.js?v=}+${session.version}"></script>
		<script src="vendor/select2/js/select3.js"></script>
	</head>
	<body>
		<div id="page-wrapper" th:fragment="content" th:remove="tag">
		<div class="row">
			<br />
			<ul class="nav nav-tabs">
				
				<li class="active"><a href="#"><h8 style="font-size:14px;">分析报表</h8></a></li>
				<div style="margin-top: 20px;">
				<div style="width: 100%">
					<!-- <span id = "responseRemark" style="font-size: 11px;color:gray;float:right;"></span> -->
					<span id = "money" style="font-size: 11px;color:gray; float:right;width: 15%;">币种：人民币；单位：元</span>
					<span id = "responseRemark" style="font-size: 11px;color:gray;float:right;"></span>
				</div>
				<!-- <div style="width: 20%">
					<span id = "money" style="font-size: 11px;color:gray; float:right;width: 15%;">币种：人民币；单位：元</span>
				</div> -->
				</div>
				<!-- <p style="margin-top: 10px;"><span id = "responseRemark" style="font-size: 11px;color:gray;margin-top: 40px;">1111</span></p> -->
			</ul>
			
			<br />
		</div> 
	        <div class="row">
	        	<div class="col-lg-12">
	        		<form class="form-horizontal" id="searchReportForm">
	        			<div class="form-group" style="marign:0 auto;">
	        				<!-- 客户名称 -->
	        				<label for="clientNm" class="col-sm-1 control-label" style="white-space:nowrap">公司名称</label>	
	        				<div class="col-sm-5">
	        					<select name="corpNm" id="clientNm" class="input-sm form-control search-param" href="/initCorp">
	        					</select>
	        				</div>
	        				<!-- 起始日期 -->
	        				<div class="el-date-editor el-range-editor el-input__inner el-date-editor--daterange">
								<i class="fa fa-calendar-o"></i>
	        					<div id="start" class="dropdown">
	        						<input id="startDate" readonly="readonly" name="startDate" type="text" 
	        							class="input-sm form-control" data-toggle="dropdown" style="background-color: white; border: 0px solid #fff;height: 25px;cursor: pointer;" />
	        						<input id="year" name="year" type="hidden" value="" />
	        						<input id="beginMonth" name="beginMonth" type="hidden" value="" />
	        						<div id="startMenuList" class="dropdown-menu" aria-labelledby="startDate">
	        							<div id="startMenuCtrl" class="input-group">
										</div>
	        						</div>
	        					</div>
	        					<span>至</span>
	        					<div id="end" class="dropdown">
	        						<input id="endDate" readonly="readonly" name="endDate" type="text" 
	        							class="input-sm form-control" data-toggle="dropdown" style="background-color: white; border: 0px solid #fff; height: 25px;  cursor: pointer;" />
	        						<input id="endMonth" name="endMonth" type="hidden" value="" />
	        						<div id="endMenuList" class="dropdown-menu" aria-labelledby="endDate">
	        							<div id="endMenuCtrl" class="input-group">
										</div>
	        						</div>
	        					</div>
	        				</div>
	        				<!-- 页码及记录数等隐藏信息 -->
	        				<input id="page" type="number" hidden="hidden" name="page"></input>
	        				<input id="size" type="number" hidden="hidden" name="size"></input>
	        				<input id="expandItems" type="hidden" name="expandItems"></input>
	        				<input id="reportDatas" type="hidden" name="reportDatas"></input>
	        				<!-- 恶心的IE不支持select标签的form属性 -->
	        				<input type="hidden" name="sbjNm" id="sbjDetail"></input>
	        				<input type="hidden" name="deptNm" id="deptDetail"></input>
	        				<input type="hidden" name="cstNm" id="cstDetail"></input>
	        				<input type="hidden" name="prjNm" id="prjDetail"></input>
	        				<!-- <div class="col-sm-1" style="float: right">
	        					<input type="hidden" id="smyRcrdId" value="" />
	        					<button type="button" class=" btn btn-primary " style="float:left;font-size:10px;" data-toggle="modal" data-target="#saveModal">保存</button>
	        				</div> -->
	        				<div style="float: right;margin-right:20px">
	        					<button type="button" class=" btn btn-primary " style="float:left;font-size:12px;" data-toggle="modal" data-target="#exportModal">导出</button>
							</div>
	        				<div style="float: right;margin-right:10px">
								<input type="hidden" id="smyRcrdId" value="" />
	        					<button type="button" class=" btn btn-primary " style="float:left;font-size:12px;" data-toggle="modal" data-target="#saveModal">保存</button>
							</div> 
	        				<div style="float: right;margin-right:10px">
								<input type="hidden" id="currentPage" value="1" />
	        					<input type="hidden" id="reportSize" value="13" />
	        					<button type="button" class="btn btn-primary" style="float:right;font-size: 12px;" id="reportSearchBtn">查询</button>
							</div> 
	        			</div>
	        		</form>
	        	</div> 
	        </div>
	        <div class="row">
	        	<div class="col-lg-12">
       				<div class="table-responsive">
       					<div id="tableSection">
        					<table id="report-data" class="table table-striped table-bordered table-hover">
                                   <thead id="report-header">
                                       <tr class="info">
                                           <th prop="sbj" class="data_title_row1 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">
                                            <!-- 恶心的IE不支持select标签的form="searchReportForm"  -->
                                            <select name="sbjNm" id="sbj" class="form-control-select3 search-param-three" href="/initSbj">
       										</select>
                                           </th>
                                           <th prop="dept" class="data_title_row2 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">
                                           	<!-- 恶心的IE不支持select标签的form="searchReportForm"  -->
                                           	<select name="deptNm" id="dept" class="form-control-select3 search-param-three" href="/initDept">
       										</select>
       									</th>
                                           <th prop="cst" class="data_title_row3 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">
                                           	<!-- 恶心的IE不支持select标签的form="searchReportForm"  -->
                                           	<select name="cstNm" id="company" class="form-control-select3 search-param-three" href="/initCst">
					        				</select>
					        			</th>
                                           <th prop="prj" class="data_title_row4 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">
                                           	<!-- 恶心的IE不支持select标签的form="searchReportForm"  -->
                                           	<select name="prjNm" id="team" class="form-control-select3 search-param-three" href="/initPrj">
					        				</select>
					        			</th>
                                           <th prop="amtBop" class="data_title_row5 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">期初余额</th>
                                           <th prop="amtDptAcm" class="data_title_row6 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">借方发生累计</th>
                                           <th prop="amtCrAcm" class="data_title_row7 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">贷方发生累计</th>
                                           <th prop="amtEop" class="data_title_row8 couldChange" style="background-color: transparent;text-align: center;vertical-align: middle;">期末余额</th>
                                       </tr>
                                   </thead>
                                   <tbody id="report-content">
                                   </tbody>
                               </table>
                    	</div>
       				</div>
	        	</div>
	        </div>
	        <!-- 保存模态框 -->
	        <div class="modal fade" id="saveModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="myModalLabel">
	        	<div style="width: 40%;" class="modal-dialog" role="document">
	        		<div class="modal-body">
	        			<div class="panel panel-primary">
	        				<div class="panel-heading">
	        					<i class="fa fa-fw" id="myModalLabel"></i>保存查询报表
	        					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
	        				</div>
	        				<div class="panel-body">
	        					<div class="form-group">
	        						<div class="col-xs-offset-0">
      									报表名称:<input type="text" name="templateNm" id="templateNm" class="form-control" placeholder="报表名称" />
      								</div>
	        					</div>
	        					<div class="form-group">
	        						<div class="col-xs-offset-0">
      									备注:<textarea name="remark" id="remark" class="form-control" placeholder="请添加备注" onkeypress="timer(event)"></textarea>
      									<!-- <span id="errInfoRemark" style="color:red"></span> -->
      								</div>
	        					</div>
	        					<div class="form-group">
	        						<div class="col-xs-offset-0">
      									<input type="radio"  name="prmsnCd"  value="1"/>共享 
      									<input type="radio"  name="prmsnCd"  value="2" checked="checked" style="margin-left: 40%;"/>个人
      								</div>
	        					</div>
	        					<div class="form-group">
	        						<button type="button" class="btn btn-default" id="cancleBtn" data-dismiss="modal">取消</button> 
       								<button type="button" class="btn btn-primary" id="saveBtn">保存</button>
       								<button type="button" class="btn btn-primary" disabled="disabled" id="updateBtn">覆盖</button>
	        					</div>
	        				</div>
	        			</div>
	        		</div>
	        	</div>
	        </div>
	        <!-- 导出形式模态框 -->
	        <div class="modal fade" id="exportModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="myModalLabel">
	        	<div style="width: 40%;" class="modal-dialog" role="document">
	        		<div class="modal-body">
	        			<div class="panel panel-primary">
	        				<div class="panel-heading">
	        					<i class="fa fa-fw" id="myModalLabel"></i>导出报表
	        					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
	        				</div>
	        				<div class="panel-body">
	        					<div class="form-group">
	      							<!-- <div class="col-xs-offset-0">
	      								<input name="reportExpTp" type="radio" value="1" checked="checked" />&nbsp;导出当前页&nbsp; 
										<input name="reportExpTp" type="radio" value="2" />&nbsp;导出所有
	      							</div> -->
	      							<div class="col-xs-offset-0">
	      								<input type="hidden" value="1" id="reportExpTp" />
	      								文件名:<input type="text" name="expFileNm" id="expFileNm" class="form-control" placeholder="保存文件名" />
	      							</div>
      							</div>
      							<div class="form-group">
      								<button type="button" class="btn btn-default" id="closeBtn" data-dismiss="modal">取消</button> 
       								<button type="button" class="btn btn-primary" id="exportBtn">导出</button> 
      							</div>
	        				</div>
	        			</div>
	        		</div>
	        	</div>
	        </div>
	        <div>
	        	<div class="sk-wave">
			        <div class="sk-rect sk-rect1"></div>
			        <div class="sk-rect sk-rect2"></div>
			        <div class="sk-rect sk-rect3"></div>
			        <div class="sk-rect sk-rect4"></div>
			        <div class="sk-rect sk-rect5"></div>
		      	</div>
	        </div>
		</div>
	</body>
</html>